<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<style>
	.border{
		border:none;
	}
	.layui-elem-quote {
    	line-height: 15px;
	}
</style>

<div id="LAY_preview" data-ng-init="quantity=1;price=5">
	<blockquote class="layui-elem-quote">
		价格计算
	</blockquote>
	<form class="layui-form" action="">
		<div class="layui-form-item">
			<div class="layui-inline">
				<label class="layui-form-label">单价：</label>
				<div class="layui-input-inline">
					<input type="number" ng-model="pen.money" class="layui-input">
				</div>
			</div>
			<div class="layui-inline">
				<label class="layui-form-label">数量：</label>
				<div class="layui-input-inline">
					<input type="number" ng-model="pen.number" class="layui-input">
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-inline">
				<label class="layui-form-label">商品总价：</label>
				<div class="layui-input-inline">
					<div class="layui-input border">{{proPrice() | currency : '￥'}}</div>
				</div>
			</div>
			<div class="layui-inline">
				<label class="layui-form-label">运输费用：</label>
				<div class="layui-input-inline">
					<div class="layui-input border">{{pen.trans | currency : '￥'}}</div>
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">总价：</label>
			<div class="layui-input-inline">
				<div class="layui-input border">{{proPrice()+pen.trans | currency : '￥'}}</div>
			</div>
		</div>
	</form>
</div>

		
